<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%String contextRoot = request.getContextPath();%>
<f:loadBundle basename="properties.messages" var="msg"/>
<f:view>
<!doctype html>
<html>
<head>
	<%@ include file="include/meta.jsp" %>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>SISDEP : Sistema de Informaci<h:outputText value="#{msg.tilde_o}" />n de Espacio P<h:outputText value="#{msg.tilde_u}" />blico</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="stylesheet" href="<%= contextRoot %>/css/normalize.css">
	<link rel="stylesheet" href="<%= contextRoot %>/css/validationEngine.jquery.css"> <!-- Del validador de formularios -->
	<link rel="stylesheet" href="<%= contextRoot %>/css/jquery-ui-1.8.18.custom.css"> <!-- date-picker -->
	<link rel="stylesheet" href="<%= contextRoot %>/css/uniform.css"> <!-- estilos formularios -->
	<link rel="stylesheet" href="<%= contextRoot %>/css/cuerpo.css">
	<link rel="stylesheet" href="<%= contextRoot %>/css/richCustom.css">
</head>
<body>
<div id="marco"> <!--inicio contenedor --> 
<div class="arriba-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
<div class="cuerpo">
<a href="<%=contextRoot%>/index.jsf"><img src="<%= contextRoot %>/images/logos.png" /></a>
<div class="clear"></div>
<!-- Menu y Usuario init() -->
	<%@ include file="include/menuUsuario.jsp" %>
<!-- Menu y Usuario end() -->
<div class="clear"></div>
<!-- Formulario --> 
<div id="buscador">
<h2>Bandeja de entrada, Solicitudes SDEP</h2>
				<h:form id="solicitudSearchForm">
						<div id="titulo"><h2>Consulta por:</h2>
						<h:selectOneRadio id="opcion" value="#{solicitudController.solicitudSearch.opcion}" onclick="if(this.value=='I'){habilitarDatosPersonales();}else if(this.value=='R'){habilitarRadicado();};" style="width: 250px; height:10px;">
						  <f:selectItem id="opcion_radicado" itemLabel="Radicado" itemValue="R"/>
						  <f:selectItem id="opcion_identificacion" itemLabel="Identificaci#{msg.tilde_o}n" itemValue="I" />
						</h:selectOneRadio>					
						</div>
			  		<div id="radicado" style="display:block;">
						<!-- criterios de busqueda 1 init() -->
						<span class="left">
						<label>Radicado WebMethods <span class="asterisco">*</span></label>
								<h:inputText id="radicado" size="15" maxlength="15" styleClass="" 
										value="#{solicitudController.solicitudSearch.radicado}" />
						</span>
						<span class="left" style="margin-left: 60px;">
						<label>Prioridad</label>
							<h:selectOneMenu id="prioridad" styleClass=""
												value="#{solicitudController.solicitudSearch.prioridad}">
                                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                                <f:selectItem itemLabel="Alta" itemValue="A"/>
                                <f:selectItem itemLabel="Media" itemValue="M"/>
                                <f:selectItem itemLabel="Baja" itemValue="B"/>
                            </h:selectOneMenu>
						</span>
						<span class="left" style="margin-left: 60px;">
						<label>Estado</label>
							<h:selectOneMenu id="estado" styleClass=""
												value="#{solicitudController.solicitudSearch.estado}">
                                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                                <f:selectItem itemLabel="Nuevo" itemValue="NUEVO"/>
                                <f:selectItem itemLabel="En Proceso" itemValue="EN_PROCESO"/>
                                <f:selectItem itemLabel="Pendiente Estudio Socioecon#{msg.tilde_o}mico" itemValue="PENDIENTE_ESTUDIO"/>
                                <f:selectItem itemLabel="Resuelto" itemValue="RESUELTO"/>
                            </h:selectOneMenu>
						</span>
						<!-- criterios de busqueda 1 end() -->
					</div>

			  		<div id="datos_personales" style="display:none;">
						<!-- criterios de busqueda 2 init() -->
						<span class="left">
						<label>Tipo Identificaci<h:outputText value="#{msg.tilde_o}" />n <span class="asterisco">*</span></label>
							<h:selectOneMenu id="idTipoIdentificacionStr" styleClass="" 
												value="#{solicitudController.solicitudSearch.persona.idTipoIdentificacionStr}">
                                <f:selectItem itemLabel="Seleccione..." itemValue="0"/>
								<f:selectItems value="#{masterListCache.classIdentificationForFilingType}"/>
                            </h:selectOneMenu>
						</span>
						<span class="left" style="margin-left: 30px;">
						<label>Identificaci<h:outputText value="#{msg.tilde_o}" />n <span class="asterisco">*</span></label>
								<h:inputText id="identificacion" size="10" maxlength="10" styleClass="" 
										value="#{solicitudController.solicitudSearch.persona.identificacion}" />
						</span>

						<span class="left" style="margin-left: 45px;">
						<label>Tipo de Solicitud <span class="asterisco"> </span></label>
							<h:selectOneMenu id="idTipoSolicitud" styleClass="" 
												value="#{solicitudController.solicitudSearch.idTipoSolicitudStr}">
                                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
								<f:selectItems value="#{masterListCache.newRequestTypeList}"/>
                            </h:selectOneMenu>
						</span>
						<!-- criterios de busqueda 2 end() -->			
					</div>
									
						<br/>
						<div class="clear"></div>
						<div class="clear"></div>
							(<span class="asterisco"> * </span>) : Campo Obligatorio. Usar % para consultar todos los registros.
						<div class="left"><br/>
							<span class="left inline" style="margin-left: 0px;">
							<h:commandButton id="solicitudSearchIdentificacionButton"
											 styleClass="botonsmall"
                                             type="submit" 
                                             value="Buscar" 
                                             ondblclick="return false;" 
                                             action="#{solicitudController.searchSolicitudByKey}" >
                            </h:commandButton>
                            </span>
                        </div>
				</h:form>
				<div>
						    <h:form id="solicitudCreateForm">
						    <span class="left inline" style="margin-left: 360px;">
						    <h:commandButton id="createSolicitudButton"
											 styleClass="botonsmall"
                                             type="submit" 
                                             value="Nuevo" 
                                             ondblclick="return false;" 
                                             action="#{solicitudController.createSolicitud}" >
                            </h:commandButton>
                             </span>
                            </h:form>
                </div>
</div>
<!-- Fin formulario --> 
<div class="clear"></div>
<!-- tabla --> 
					<h:form id="solicitudResultsForm">
						<div class="clear"><br/><br/>
						<label>Resultados de la Consulta de Solicitud:</label>
						  <rich:dataTable id="solicitudData" styleClass="scrollerTable" headerClass="standardTable_Header"
					                border="0" cellpadding="3" cellspacing="1" 
					                footerClass="standardTable_Header" rowKeyVar="rowIndex"
					                rowClasses="tablamultiregistrotr1,tablamultiregistrotr2"
					                onRowMouseOver="this.style.backgroundColor='#C0C0C0'"
								    onRowMouseOut="this.style.backgroundColor='#FFFFFF'"
					                var="solicitudRow" value="#{solicitudController.solicitudListModel}"
					                rows="10" >
					           <h:column>
					               <f:facet name="header">
					                  <h:outputText value="EDITAR"/>
					               </f:facet>
				                    <a4j:commandLink id="updateSolicitud" styleClass="formTextLink"
				                                   title="Ver Detalle..."				                                   
				                                   action="#{solicitudController.updateSolicitud}" reRender="groupTable">
				                        <f:param name="solicitudDataIndex" value="#{rowIndex}" />
				                        <h:graphicImage value="/images/edit_icon.png" style="border: 0px solid #FFFFFF;" />
				                    </a4j:commandLink>
					           </h:column>
					           <h:column>
					               <f:facet name="header">
					                  <h:outputText value="GESTIONAR"/>
					               </f:facet>
				                    <a4j:commandLink id="gestionarSolicitud" styleClass="formTextLink"
				                                   title="Gestonar..."				                                   
				                                   action="#{solicitudController.gestionarSolicitud}" reRender="groupTable">
				                        <f:param name="solicitudDataIndex" value="#{rowIndex}" />
				                        <f:param name="solicitudId" value="#{solicitudRow.id}" />
				                        <h:graphicImage value="/images/edit_icon.png" style="border: 0px solid #FFFFFF;" />
				                    </a4j:commandLink>
					           </h:column>
					           <h:column>
					               <f:facet name="header" ><h:outputText value="ID"/></f:facet>
					               <h:outputText value="#{solicitudRow.id}" />
					           </h:column>
					           <h:column>
					               <f:facet name="header" ><h:outputText value="Radicado WebMethods"/></f:facet>
					               <h:outputText value="#{solicitudRow.radicado}" />
					           </h:column>
					           <h:column>
					               <f:facet name="header" ><h:outputText value="Dias En Proceso"/></f:facet>
					               <h:outputText value="#{solicitudRow.diasEnProgreso}" />
					           </h:column>
					           <h:column>
					               <f:facet name="header" ><h:outputText value="Tipo Identificacion"/></f:facet>
					               <h:outputText value="#{solicitudRow.tipoIdentificacion.vrtNombre}" />
					           </h:column>
					           <h:column>
					               <f:facet name="header" ><h:outputText value="Identificacion"/></f:facet>
					               <h:outputText value="#{solicitudRow.persona.identificacion}" />
					           </h:column>
					           <h:column>
					               <f:facet name="header" ><h:outputText value="Tipo Solicitud"/></f:facet>
					               <h:outputText value="#{solicitudRow.tipoSolicitud.tipNombre}" />
					           </h:column>
					           <h:column>
					               <f:facet name="header" ><h:outputText value="Responsable"/></f:facet>
					               <h:outputText value="#{solicitudRow.idArea.vrtNombre}" />
					           </h:column>
					           <h:column>
					               <f:facet name="header" ><h:outputText value="Estado"/></f:facet>
					               <h:outputText value="#{solicitudRow.estado}" />
					           </h:column>
					        </rich:dataTable>
					        <h:panelGrid columns="1" styleClass="paginacion"
			                             columnClasses="standardTable_ColumnCentered" >
					            <rich:datascroller id="solicitudScroll"
					                    for="solicitudData"
					                    fastStep="10"
					                    pageIndexVar="pageIndex"
					                    styleClass="paginacion"
					                    maxPages="9" >
					                <f:facet name="first" >
					                    <h:graphicImage url="/images/arrow-first.gif" />
					                </f:facet>
					                <f:facet name="last">
					                    <h:graphicImage url="/images/arrow-last.gif" />
					                </f:facet>
					                <f:facet name="previous">
					                    <h:graphicImage url="/images/arrow-previous.gif" />
					                </f:facet>
					                <f:facet name="next">
					                    <h:graphicImage url="/images/arrow-next.gif" />
					                </f:facet>
					                <f:facet name="fastforward">
					                    <h:graphicImage url="/images/arrow-ff.gif" />
					                </f:facet>
					                <f:facet name="fastrewind">
					                    <h:graphicImage url="/images/arrow-fr.gif" />
					                </f:facet>
					            </rich:datascroller>
					        </h:panelGrid>					        
						</div>
					</h:form>
					<br/>
					<br/>
					<br/>
<!-- Fin tabla --> 
<div class="clear"></div>
</div>
<div class="abajo-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
</div> <!-- Fin contenedor -->
<div class="footer"></div>
<script src="<%=contextRoot%>/js/jquery/lib/jquery-1.7.2.min.js"></script><!-- De ser 1ro -->
<script src="<%=contextRoot%>/js/script.js" type="text/javascript"></script><!-- De ser 2do -->
<script src="<%=contextRoot%>/js/jquery/lib/jquery.uniform.min.js"></script> <!-- formularios --> 
<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
        jQ().ready(function() {
			jQ("input, select, input:checkbox, input:radio, input:file").uniform();
        	jQ("#solicitudSearchForm").validationEngine('attach');
        	jQ("#solicitudSearchForm").bind("jqv.form.result", function(event, errorFound) {
                if(!errorFound) displayLoadingImage();
            });
        	jQ("#solicitudCreateForm").validationEngine('attach');
        	jQ("#solicitudCreateForm").bind("jqv.form.result", function(event, errorFound) {
                if(!errorFound) displayLoadingImage();
            });		            		
		});
	    	
    	var tags_input = new Array();
    	var tags_select = new Array();

    	function mostrar_ocultar(dcodigo,show) {
        	document.getElementById(dcodigo).style.display = show;
        }

        function cleanDivInputValues(divInterno,opcion) {
        	divID = document.getElementById(divInterno);
        	tags_input = divID.getElementsByTagName('input');
        	for (var i = 0; i < tags_input.length; i++){ 
        		tags_input[i].value="";
        	}
        	tags_select = divID.getElementsByTagName('select');
        	for (var i = 0; i < tags_select.length; i++){ 
        		tags_select[i].selectedIndex=0;
        	}
        }

        function habilitarRadicado(){
            //Solo aplica como programacion para el lado del cliente
	    	mostrar_ocultar('datos_personales','none');
	    	mostrar_ocultar('radicado','block');
	    	cleanDivInputValues('datos_personales');
	    	cleanDivInputValues('radicado');
	    }
	    
	    function habilitarDatosPersonales(){
            //Solo aplica como programacion para el lado del cliente
	    	mostrar_ocultar('radicado','none'); 
	    	mostrar_ocultar('datos_personales','block');
	    	cleanDivInputValues('datos_personales');
	    	cleanDivInputValues('radicado');
	    }
	</script>
	<%@ include file="include/validationStatus.jsp" %>
	<%@ include file="include/modalMessageWindow.jsp" %>
</body>
</html>
</f:view>
